﻿//data下部分
.data-down {
  position: absolute;
  width: 98%;
  height: 43%;
  bottom: 0;
  left: 1%;
  //data下部左侧代码
  .data-user {
    left: 0;
    .user-con {
      width: 90%;
      padding: 5%;
      height: 90%;
      .user-gender {
        width: 100%;
        height: 45%;
        overflow: hidden;
        ul {
          width: 70%;
          height: 100%;
          padding: 0 10% 0 20%;
          position: relative;
          li {
            width: 10%;
            float: left;
            &.li-title{
              position: absolute;
              left: 30px;
              top: 30%;
              text-align: center;
              font-size: 20px;
              color: #696c73;
              font-weight: bold;
            }
          }
        }
      }
      .user-age {
        height: 65%;
        width: 100%;
        overflow: hidden;
        .label-desc{
          float: left;
          margin-left: 7%;
          label{
            text-align: center;
            font-size: 20px;
            color: #696c73;
            font-weight: bold;
          }
        }
        .age-chart{
          width: 74%;
          float: left;
          height: 50%;
        //  margin-bottom: 5%;
          background-color: gainsboro;
          margin-left: 5%;
        }
      }
    }
  }
  //data下部右侧代码
  .data-analysis {
    right: 0;
    .analysis-con {
      .analysis-play, .analysis-number {
        width: 50%;
        height: 100%;
        float: left;
      }
    }
  }
  //左侧右侧相同代码
  .data-user, .data-analysis {
    width: 49.5%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    h1 {
      span {
        width: 22%;
      }
    }
  }
  //end
}